JS AJAX基礎實作(3) DAY28

第 12 屆 iThome 鐵人賽

DAY 28

自我挑戰組

JavaScript基礎30天系列第 28 篇

12th鐵人賽 api javascript gotop settimeout

皮傑先生

2020-10-13 11:52:33

997 瀏覽

分享至

今天要來做gotop按鈕啦
我們先來看一下程式碼

function gotoTop() {
    if (window.scrollY != 0) {
        setTimeout(function () {
            window.scrollTo(0, window.scrollY - 40);
            gotoTop();
        }, 15);
    }
}

這裡利用setTimeout 並每次往上移動40px
有關setTimeout的資訊
可以參考 w3schools
https://www.w3schools.com/jsref/met_win_settimeout.asp

附上今天的CodePen
CodePen:https://codepen.io/wemyferb/pen/KKMKZym
若有任何問題或內容有誤
可以回覆我唷!!
那今天的介紹就到此結束啦
明天將會優化 gotop按鈕
敬請期待

JS AJAX基礎實作(2) DAY27

JS AJAX基礎實作(4) DAY29

系列文

JavaScript基礎30天共 30 篇

RSS系列文訂閱系列文

10 人訂閱

完整目錄

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

尚未有邦友留言

立即登入留言

JavaScript基礎30天系列 第 28 篇

JS AJAX基礎實作(3) DAY28

尚未有邦友留言

標記使用者

JavaScript基礎30天系列第 28 篇